// tslint:disable
import { Component, ViewChild, ComponentFactoryResolver, Input, OnInit, SimpleChanges } from '@angular/core';
import { AppAnchorDirective } from './anchor.directive';
import { AppScrollAnchorDirective } from './anchorScroll.directive';
import { ComItem } from './com-item';
import { AppGlobalService } from 'src/app/shared/service/app-global.service';

@Component({
    selector: 'app-coms',
    template: '<section>\n' +
        '<ng-template appAnchor></ng-template>\n' +
        '<div id="home-app-anchor-scroll" class="scroll-box"><ng-template appScrollAnchor></ng-template></div>' +
        '<div id="home-app-coms-sec" style="display:none;"></div></section>'
})
export class ComsComponent implements OnInit {
    @Input() coms: ComItem[];
    @ViewChild(AppAnchorDirective) appAnchor: AppAnchorDirective;
    @ViewChild(AppScrollAnchorDirective) appScrollAnchor: AppScrollAnchorDirective;
    constructor(
        private componentFactoryResolver:ComponentFactoryResolver,
        public appGlobalService: AppGlobalService,
        
        ) 
    { }
    ngOnInit() { 
        if (this.appGlobalService.eventService.eventEmit.listenerCount("updateTagsData" + localStorage.getItem('currentPath')) > 0) {
            this.appGlobalService.eventService.eventEmit.removeListener("updateTagsData" + localStorage.getItem('currentPath'));
          }
        this.appGlobalService.eventService.eventEmit.on("updateTagsData" + localStorage.getItem('currentPath'),res =>{
            this.updateTagsData();
        });
    }
    ngOnChanges(changes: SimpleChanges): void { 
        this.loadComponent(); 
    }
    updateTagsData() {
        
        let temArray:any = [];

        for(let i = 0; i < this.appAnchor.viewContainerRef.length; i++){
            const tagInstance = this.appAnchor.viewContainerRef.get(i)["_view"].nodes[1].instance;
            if (tagInstance.tagData && tagInstance.tagData.shellDataId && tagInstance.tagData.shellDataId !== "0") {
                if (this.appGlobalService.getShellData(tagInstance.tagData.shellDataId)) {
                    // tagInstance.tagData = this.getDemoData();
                    if (this.appGlobalService.getShellData(tagInstance.tagData.shellDataId).remove === "true"){
                        temArray.push(this.appAnchor.viewContainerRef.get(i));
                    } else {
                        tagInstance.tagData = this.appGlobalService.getShellData(tagInstance.tagData.shellDataId);
                    }
                    
                  }
            }

            // this.appAnchor.viewContainerRef.get(0)._view.nodes[1].instance.tagData = data;
        }
        if (temArray.length > 0 ) {
            temArray.forEach(element => {
                const index = this.appAnchor.viewContainerRef.indexOf(element)
                if (index >= 0) {
                    
                    this.appAnchor.viewContainerRef.remove(index);
                    this.appGlobalService.deleteShellData(element["_view"].nodes[1].instance.tagData.shellDataId);
                    console.log("page appAnchor  remove tag:"+ element["_view"].nodes[1].instance.tagData.shellDataId);
                }
            });
        }
        temArray = [];
        for(let i = 0; i < this.appScrollAnchor.viewContainerRef.length; i++){
            const tagInstance = this.appScrollAnchor.viewContainerRef.get(i)["_view"].nodes[1].instance;
            if (tagInstance.tagData && tagInstance.tagData.shellDataId && tagInstance.tagData.shellDataId !== "0") {
                if (this.appGlobalService.getShellData(tagInstance.tagData.shellDataId)) {
                    // tagInstance.tagData = this.getDemoData();
                    if (this.appGlobalService.getShellData(tagInstance.tagData.shellDataId).remove === "true"){
                        temArray.push(this.appScrollAnchor.viewContainerRef.get(i));
                    } else {
                        tagInstance.tagData = this.appGlobalService.getShellData(tagInstance.tagData.shellDataId);
                    }
                    
                  }
            }
            // this.appAnchor.viewContainerRef.get(0)._view.nodes[1].instance.tagData = data;
        }
        
        if (temArray.length > 0 ) {
            temArray.forEach(element => {
                const index = this.appScrollAnchor.viewContainerRef.indexOf(element)
                if (index >= 0) {
                    
                    this.appScrollAnchor.viewContainerRef.remove(index);
                    this.appGlobalService.deleteShellData(element["_view"].nodes[1].instance.tagData.shellDataId);
                    console.log("page appScrollAnchor remove tag:"+ element["_view"].nodes[1].instance.tagData.shellDataId);
                }
            });
        }
    }
    changData(tagData,v) {
        
        if (tagData.shellDataId && tagData.shellDataId !== "0") {
    
          if (this.appGlobalService.getShellData(tagData.shellDataId)) {
            v.tagData = this.appGlobalService.getShellData(tagData.shellDataId);
            this.appGlobalService.deleteShellData(tagData.shellDataId);
            return v.tagData; // this.appGlobalService.getShellData(tagData.shellDataId);
          } else {
            // debug
            // setTimeout(() => {
            //     this.updateTagsData();
            // }, 5000);
            // debug
            return tagData;
          }
    
        } else {
          return tagData;
        }
      }

    loadComponent() {
        const viewContainerRef = this.appAnchor.viewContainerRef;
        const scrollViewContainerRef = this.appScrollAnchor.viewContainerRef;
        viewContainerRef.clear();
        scrollViewContainerRef.clear();
        let isSplitComs = false;
        this.coms.forEach((v) => {
            // console.log('coms.v===', v);
            const tagName = v.tagData.name + '';
            const tagStyle = v.tagData.style + '';
            const componentFactory = this.componentFactoryResolver.resolveComponentFactory(v.component);
            if (isSplitComs === true) {
                const componentRef = scrollViewContainerRef.createComponent(componentFactory);
                (componentRef.instance).tagData = this.changData(v.tagData,v);
            } else {
                const componentRef = viewContainerRef.createComponent(componentFactory);
                (componentRef.instance).tagData = this.changData(v.tagData,v);
                // 切割标签下所有子标签全部支持滑动
                if (tagName === 'slide-location-segment') {
                    isSplitComs = true;
                    // 或者 新的筛选列表标签
                } else if (tagStyle === 'filter-transverse-tag') {
                    isSplitComs = true;
                }
            }
        });

        
    }

    // getDemoData(){
    //     const data = {
    //         "type":"tag",
    //         "style":"appCardListTag",
    //         "name":"appCardListTag2",
    //         "linearLayout":"body",
    //         "id":null,
    //         "title":"",
    //         "label":"",
    //         "data":{
    //             "isMargin":false,
    //             "submit":{
    //                 "content":{
    //                     "oldIndex":-1,
    //                     "design_case_room":"0",
    //                     "design_case_sys_params_code":"0",
    //                     "shop_order_form_id":"11111",
    //                     "pageNo":1
    //                 },
    //                 "id":"66a4819d-d833-4d41-8035-c5a2801ec84d"
    //             },
    //             "data":[
    //                 {
    //                     "img":{
    //                         "imgUrl":"https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1650869067641e3e7658f432625fc8ea84c7b1452c9b6.jpg?x-oss-process=image/resize,limit_0,m_fill,w_191,h_128"
    //                     },
    //                     "collectDiv":{
    //                         "number":"2",
    //                         "loginLink":{
    //                             "link":{
    //                                 "label":"",
    //                                 "type":"page",
    //                                 "params":{
    //                                     "design_case_room":"0",
    //                                     "passwordLogin":{
    //                                         "type":"page",
    //                                         "target":"149750"
    //                                     },
    //                                     "shop_order_form_id":"1111",
    //                                     "page_name":"free_design_list_page",
    //                                     "design_case_sys_params_code":"0",
    //                                     "oneLogin":{
    //                                         "type":"page",
    //                                         "target":"150230"
    //                                     }
    //                                 },
    //                                 "target":"150114"
    //                             }
    //                         },
    //                         "numberCssStyle":"font-size:0.75rem;font-weight:400;color:#959BA6;margin-left:0.25rem;margin-right:0.5rem;",
    //                         "collectDivCssStyle":"display:flex;",
    //                         "selected":"true"
    //                     },
    //                     "title":{
    //                         "firstText":{
    //                             "label":"现代简约-9"
    //                         }
    //                     },
    //                     "content":{
    //                         "cssStyle":"border:transparent;"
    //                     },
    //                     "labels":[
    //                         "日式"
    //                     ],
    //                     "secondRowLeft":{
    //                         "firstText":{
    //                             "cssStyle":"font-size: 0.75rem;font-weight: 400;color: #25b85e;",
    //                             "label":"我想这样设计",
    //                             "labelLink":{
    //                                 "link":{
    //                                     "label":"",
    //                                     "type":"page",
    //                                     "params":{
    //                                         "plugin_id":"4000",
    //                                         "passwordLogin":{
    //                                             "type":"page",
    //                                             "target":"149750"
    //                                         },
    //                                         "code":"3",
    //                                         "page_name":"designer_find_publish_page",
    //                                         "type":"publish_opp",
    //                                         "labelLinkBoxCssStyle":"position: relative;z-index: 3;display: inline-flex;align-items: center;height: 1.5rem;border-radius: 0.75rem;border: 0.03rem solid #25b85e;padding: 0.63rem;line-height: 1.5rem;font-size: .69rem;color: #25b85e;",
    //                                         "oneLogin":{
    //                                             "type":"page",
    //                                             "target":"150230"
    //                                         }
    //                                     },
    //                                     "target":"149989"
    //                                 }
    //                             }
    //                         }
    //                     }
    //                 },
    //                 {
    //                     "img":{
    //                         "imgUrl":"https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_165086899234030d4efa139d24215be17ff37d1457284.jpg?x-oss-process=image/resize,limit_0,m_fill,w_191,h_128"
    //                     },
    //                     "collectDiv":{
    //                         "number":"3",
    //                         "loginLink":{
    //                             "link":{
    //                                 "label":"",
    //                                 "type":"page",
    //                                 "params":{
    //                                     "design_case_room":"0",
    //                                     "passwordLogin":{
    //                                         "type":"page",
    //                                         "target":"149750"
    //                                     },
    //                                     "shop_order_form_id":"1111",
    //                                     "page_name":"free_design_list_page",
    //                                     "design_case_sys_params_code":"0",
    //                                     "oneLogin":{
    //                                         "type":"page",
    //                                         "target":"150230"
    //                                     }
    //                                 },
    //                                 "target":"150114"
    //                             }
    //                         },
    //                         "numberCssStyle":"font-size:0.75rem;font-weight:400;color:#959BA6;margin-left:0.25rem;margin-right:0.5rem;",
    //                         "collectDivCssStyle":"display:flex;",
    //                         "selected":"true"
    //                     },
    //                     "title":{
    //                         "firstText":{
    //                             "label":"现代简约-8"
    //                         }
    //                     },
    //                     "content":{
    //                         "cssStyle":"border:transparent;"
    //                     },
    //                     "labels":[
    //                         "北欧"
    //                     ],
    //                     "secondRowLeft":{
    //                         "firstText":{
    //                             "cssStyle":"font-size: 0.75rem;font-weight: 400;color: #25b85e;",
    //                             "label":"我想这样设计",
    //                             "labelLink":{
    //                                 "link":{
    //                                     "label":"",
    //                                     "type":"page",
    //                                     "params":{
    //                                         "plugin_id":"4000",
    //                                         "passwordLogin":{
    //                                             "type":"page",
    //                                             "target":"149750"
    //                                         },
    //                                         "code":"3",
    //                                         "page_name":"designer_find_publish_page",
    //                                         "type":"publish_opp",
    //                                         "labelLinkBoxCssStyle":"position: relative;z-index: 3;display: inline-flex;align-items: center;height: 1.5rem;border-radius: 0.75rem;border: 0.03rem solid #25b85e;padding: 0.63rem;line-height: 1.5rem;font-size: .69rem;color: #25b85e;",
    //                                         "oneLogin":{
    //                                             "type":"page",
    //                                             "target":"150230"
    //                                         }
    //                                     },
    //                                     "target":"149989"
    //                                 }
    //                             }
    //                         }
    //                     }
    //                 },
    //                 {
    //                     "img":{
    //                         "imgUrl":"https://qhyxpicoss.kujiale.com/r/2020/01/09/L3D186S8ENDIMENW3QUI5NYALUF3P3W6888_1920x1080.jpg?x-oss-process=image/resize,limit_0,m_fill,w_191,h_128"
    //                     },
    //                     "collectDiv":{
    //                         "number":"4",
    //                         "loginLink":{
    //                             "link":{
    //                                 "label":"",
    //                                 "type":"page",
    //                                 "params":{
    //                                     "design_case_room":"0",
    //                                     "passwordLogin":{
    //                                         "type":"page",
    //                                         "target":"149750"
    //                                     },
    //                                     "shop_order_form_id":"1111",
    //                                     "page_name":"free_design_list_page",
    //                                     "design_case_sys_params_code":"0",
    //                                     "oneLogin":{
    //                                         "type":"page",
    //                                         "target":"150230"
    //                                     }
    //                                 },
    //                                 "target":"150114"
    //                             }
    //                         },
    //                         "numberCssStyle":"font-size:0.75rem;font-weight:400;color:#959BA6;margin-left:0.25rem;margin-right:0.5rem;",
    //                         "collectDivCssStyle":"display:flex;",
    //                         "selected":"true"
    //                     },
    //                     "title":{
    //                         "firstText":{
    //                             "label":"现代简约-22"
    //                         }
    //                     },
    //                     "content":{
    //                         "cssStyle":"border:transparent;"
    //                     },
    //                     "labels":[
    //                         "法式"
    //                     ],
    //                     "secondRowLeft":{
    //                         "firstText":{
    //                             "cssStyle":"font-size: 0.75rem;font-weight: 400;color: #25b85e;",
    //                             "label":"我想这样设计",
    //                             "labelLink":{
    //                                 "link":{
    //                                     "label":"",
    //                                     "type":"page",
    //                                     "params":{
    //                                         "plugin_id":"4000",
    //                                         "passwordLogin":{
    //                                             "type":"page",
    //                                             "target":"149750"
    //                                         },
    //                                         "code":"3",
    //                                         "page_name":"designer_find_publish_page",
    //                                         "type":"publish_opp",
    //                                         "labelLinkBoxCssStyle":"position: relative;z-index: 3;display: inline-flex;align-items: center;height: 1.5rem;border-radius: 0.75rem;border: 0.03rem solid #25b85e;padding: 0.63rem;line-height: 1.5rem;font-size: .69rem;color: #25b85e;",
    //                                         "oneLogin":{
    //                                             "type":"page",
    //                                             "target":"150230"
    //                                         }
    //                                     },
    //                                     "target":"149989"
    //                                 }
    //                             }
    //                         }
    //                     }
    //                 },
    //                 {
    //                     "img":{
    //                         "imgUrl":"https://qhrenderpicoss.kujiale.com/ps/2020/08/02/XyZiSQpvAssAAQk.jpg?x-oss-process=image/resize,limit_0,m_fill,w_191,h_128"
    //                     },
    //                     "collectDiv":{
    //                         "number":"3",
    //                         "loginLink":{
    //                             "link":{
    //                                 "label":"",
    //                                 "type":"page",
    //                                 "params":{
    //                                     "design_case_room":"0",
    //                                     "passwordLogin":{
    //                                         "type":"page",
    //                                         "target":"149750"
    //                                     },
    //                                     "shop_order_form_id":"1111",
    //                                     "page_name":"free_design_list_page",
    //                                     "design_case_sys_params_code":"0",
    //                                     "oneLogin":{
    //                                         "type":"page",
    //                                         "target":"150230"
    //                                     }
    //                                 },
    //                                 "target":"150114"
    //                             }
    //                         },
    //                         "numberCssStyle":"font-size:0.75rem;font-weight:400;color:#959BA6;margin-left:0.25rem;margin-right:0.5rem;",
    //                         "collectDivCssStyle":"display:flex;",
    //                         "selected":"true"
    //                     },
    //                     "title":{
    //                         "firstText":{
    //                             "label":"现代简约-10"
    //                         }
    //                     },
    //                     "content":{
    //                         "cssStyle":"border:transparent;"
    //                     },
    //                     "labels":[
    //                         "轻奢"
    //                     ],
    //                     "secondRowLeft":{
    //                         "firstText":{
    //                             "cssStyle":"font-size: 0.75rem;font-weight: 400;color: #25b85e;",
    //                             "label":"我想这样设计",
    //                             "labelLink":{
    //                                 "link":{
    //                                     "label":"",
    //                                     "type":"page",
    //                                     "params":{
    //                                         "plugin_id":"4000",
    //                                         "passwordLogin":{
    //                                             "type":"page",
    //                                             "target":"149750"
    //                                         },
    //                                         "code":"3",
    //                                         "page_name":"designer_find_publish_page",
    //                                         "type":"publish_opp",
    //                                         "labelLinkBoxCssStyle":"position: relative;z-index: 3;display: inline-flex;align-items: center;height: 1.5rem;border-radius: 0.75rem;border: 0.03rem solid #25b85e;padding: 0.63rem;line-height: 1.5rem;font-size: .69rem;color: #25b85e;",
    //                                         "oneLogin":{
    //                                             "type":"page",
    //                                             "target":"150230"
    //                                         }
    //                                     },
    //                                     "target":"149989"
    //                                 }
    //                             }
    //                         }
    //                     }
    //                 },
    //                 {
    //                     "img":{
    //                         "imgUrl":"https://qhyxpicoss.kujiale.com/r/2020/01/11/L3D186S8ENDIMDC42IUI5NYALUF3P3XS888_1920x1080.jpg?x-oss-process=image/resize,limit_0,m_fill,w_191,h_128"
    //                     },
    //                     "collectDiv":{
    //                         "number":"2",
    //                         "loginLink":{
    //                             "link":{
    //                                 "label":"",
    //                                 "type":"page",
    //                                 "params":{
    //                                     "design_case_room":"0",
    //                                     "passwordLogin":{
    //                                         "type":"page",
    //                                         "target":"149750"
    //                                     },
    //                                     "shop_order_form_id":"1111",
    //                                     "page_name":"free_design_list_page",
    //                                     "design_case_sys_params_code":"0",
    //                                     "oneLogin":{
    //                                         "type":"page",
    //                                         "target":"150230"
    //                                     }
    //                                 },
    //                                 "target":"150114"
    //                             }
    //                         },
    //                         "numberCssStyle":"font-size:0.75rem;font-weight:400;color:#959BA6;margin-left:0.25rem;margin-right:0.5rem;",
    //                         "collectDivCssStyle":"display:flex;",
    //                         "selected":"true"
    //                     },
    //                     "title":{
    //                         "firstText":{
    //                             "label":"颐璟万和（建设中）现代简约-26"
    //                         }
    //                     },
    //                     "content":{
    //                         "cssStyle":"border:transparent;"
    //                     },
    //                     "labels":[
    //                         "新中式"
    //                     ],
    //                     "secondRowLeft":{
    //                         "firstText":{
    //                             "cssStyle":"font-size: 0.75rem;font-weight: 400;color: #25b85e;",
    //                             "label":"我想这样设计",
    //                             "labelLink":{
    //                                 "link":{
    //                                     "label":"",
    //                                     "type":"page",
    //                                     "params":{
    //                                         "plugin_id":"4000",
    //                                         "passwordLogin":{
    //                                             "type":"page",
    //                                             "target":"149750"
    //                                         },
    //                                         "code":"3",
    //                                         "page_name":"designer_find_publish_page",
    //                                         "type":"publish_opp",
    //                                         "labelLinkBoxCssStyle":"position: relative;z-index: 3;display: inline-flex;align-items: center;height: 1.5rem;border-radius: 0.75rem;border: 0.03rem solid #25b85e;padding: 0.63rem;line-height: 1.5rem;font-size: .69rem;color: #25b85e;",
    //                                         "oneLogin":{
    //                                             "type":"page",
    //                                             "target":"150230"
    //                                         }
    //                                     },
    //                                     "target":"149989"
    //                                 }
    //                             }
    //                         }
    //                     }
    //                 },
    //                 {
    //                     "img":{
    //                         "imgUrl":"https://qhcmsoss.kujiale.com/ps/2020/01/17/XiCKWgpvAssAAQ8.jpg?x-oss-process=image/resize,limit_0,m_fill,w_191,h_128"
    //                     },
    //                     "collectDiv":{
    //                         "number":"1",
    //                         "loginLink":{
    //                             "link":{
    //                                 "label":"",
    //                                 "type":"page",
    //                                 "params":{
    //                                     "design_case_room":"0",
    //                                     "passwordLogin":{
    //                                         "type":"page",
    //                                         "target":"149750"
    //                                     },
    //                                     "shop_order_form_id":"1111",
    //                                     "page_name":"free_design_list_page",
    //                                     "design_case_sys_params_code":"0",
    //                                     "oneLogin":{
    //                                         "type":"page",
    //                                         "target":"150230"
    //                                     }
    //                                 },
    //                                 "target":"150114"
    //                             }
    //                         },
    //                         "numberCssStyle":"font-size:0.75rem;font-weight:400;color:#959BA6;margin-left:0.25rem;margin-right:0.5rem;",
    //                         "collectDivCssStyle":"display:flex;",
    //                         "selected":"true"
    //                     },
    //                     "title":{
    //                         "firstText":{
    //                             "label":"中梁·百悦汇简欧-11"
    //                         }
    //                     },
    //                     "content":{
    //                         "cssStyle":"border:transparent;"
    //                     },
    //                     "labels":[
    //                         "新中式"
    //                     ],
    //                     "secondRowLeft":{
    //                         "firstText":{
    //                             "cssStyle":"font-size: 0.75rem;font-weight: 400;color: #25b85e;",
    //                             "label":"我想这样设计",
    //                             "labelLink":{
    //                                 "link":{
    //                                     "label":"",
    //                                     "type":"page",
    //                                     "params":{
    //                                         "plugin_id":"4000",
    //                                         "passwordLogin":{
    //                                             "type":"page",
    //                                             "target":"149750"
    //                                         },
    //                                         "code":"3",
    //                                         "page_name":"designer_find_publish_page",
    //                                         "type":"publish_opp",
    //                                         "labelLinkBoxCssStyle":"position: relative;z-index: 3;display: inline-flex;align-items: center;height: 1.5rem;border-radius: 0.75rem;border: 0.03rem solid #25b85e;padding: 0.63rem;line-height: 1.5rem;font-size: .69rem;color: #25b85e;",
    //                                         "oneLogin":{
    //                                             "type":"page",
    //                                             "target":"150230"
    //                                         }
    //                                     },
    //                                     "target":"149989"
    //                                 }
    //                             }
    //                         }
    //                     }
    //                 },
    //                 {
    //                     "img":{
    //                         "imgUrl":"https://qhyxpicoss.kujiale.com/r/2020/03/20/L3D123S21ENDINV2AKAUI5L7GLUF3P3WK888_3200x2400.jpg?x-oss-process=image/resize,limit_0,m_fill,w_191,h_128"
    //                     },
    //                     "collectDiv":{
    //                         "number":"1",
    //                         "loginLink":{
    //                             "link":{
    //                                 "label":"",
    //                                 "type":"page",
    //                                 "params":{
    //                                     "design_case_room":"0",
    //                                     "passwordLogin":{
    //                                         "type":"page",
    //                                         "target":"149750"
    //                                     },
    //                                     "shop_order_form_id":"1111",
    //                                     "page_name":"free_design_list_page",
    //                                     "design_case_sys_params_code":"0",
    //                                     "oneLogin":{
    //                                         "type":"page",
    //                                         "target":"150230"
    //                                     }
    //                                 },
    //                                 "target":"150114"
    //                             }
    //                         },
    //                         "numberCssStyle":"font-size:0.75rem;font-weight:400;color:#959BA6;margin-left:0.25rem;margin-right:0.5rem;",
    //                         "collectDivCssStyle":"display:flex;",
    //                         "selected":"true"
    //                     },
    //                     "title":{
    //                         "firstText":{
    //                             "label":"博和城中式210平4房"
    //                         }
    //                     },
    //                     "content":{
    //                         "cssStyle":"border:transparent;"
    //                     },
    //                     "labels":[
    //                         "北欧"
    //                     ],
    //                     "secondRowLeft":{
    //                         "firstText":{
    //                             "cssStyle":"font-size: 0.75rem;font-weight: 400;color: #25b85e;",
    //                             "label":"我想这样设计",
    //                             "labelLink":{
    //                                 "link":{
    //                                     "label":"",
    //                                     "type":"page",
    //                                     "params":{
    //                                         "plugin_id":"4000",
    //                                         "passwordLogin":{
    //                                             "type":"page",
    //                                             "target":"149750"
    //                                         },
    //                                         "code":"3",
    //                                         "page_name":"designer_find_publish_page",
    //                                         "type":"publish_opp",
    //                                         "labelLinkBoxCssStyle":"position: relative;z-index: 3;display: inline-flex;align-items: center;height: 1.5rem;border-radius: 0.75rem;border: 0.03rem solid #25b85e;padding: 0.63rem;line-height: 1.5rem;font-size: .69rem;color: #25b85e;",
    //                                         "oneLogin":{
    //                                             "type":"page",
    //                                             "target":"150230"
    //                                         }
    //                                     },
    //                                     "target":"149989"
    //                                 }
    //                             }
    //                         }
    //                     }
    //                 },
    //                 {
    //                     "img":{
    //                         "imgUrl":"https://qhcmsoss.kujiale.com/ps/2020/01/14/Xh2QogpvAssAAQo.jpg?x-oss-process=image/resize,limit_0,m_fill,w_191,h_128"
    //                     },
    //                     "collectDiv":{
    //                         "number":"1",
    //                         "loginLink":{
    //                             "link":{
    //                                 "label":"",
    //                                 "type":"page",
    //                                 "params":{
    //                                     "design_case_room":"0",
    //                                     "passwordLogin":{
    //                                         "type":"page",
    //                                         "target":"149750"
    //                                     },
    //                                     "shop_order_form_id":"1111",
    //                                     "page_name":"free_design_list_page",
    //                                     "design_case_sys_params_code":"0",
    //                                     "oneLogin":{
    //                                         "type":"page",
    //                                         "target":"150230"
    //                                     }
    //                                 },
    //                                 "target":"150114"
    //                             }
    //                         },
    //                         "numberCssStyle":"font-size:0.75rem;font-weight:400;color:#959BA6;margin-left:0.25rem;margin-right:0.5rem;",
    //                         "collectDivCssStyle":"display:flex;",
    //                         "selected":"true"
    //                     },
    //                     "title":{
    //                         "firstText":{
    //                             "label":"桂林奥林匹克花园美式-5"
    //                         }
    //                     },
    //                     "content":{
    //                         "cssStyle":"border:transparent;"
    //                     },
    //                     "labels":[
    //                         "北欧"
    //                     ],
    //                     "secondRowLeft":{
    //                         "firstText":{
    //                             "cssStyle":"font-size: 0.75rem;font-weight: 400;color: #25b85e;",
    //                             "label":"我想这样设计",
    //                             "labelLink":{
    //                                 "link":{
    //                                     "label":"",
    //                                     "type":"page",
    //                                     "params":{
    //                                         "plugin_id":"4000",
    //                                         "passwordLogin":{
    //                                             "type":"page",
    //                                             "target":"149750"
    //                                         },
    //                                         "code":"3",
    //                                         "page_name":"designer_find_publish_page",
    //                                         "type":"publish_opp",
    //                                         "labelLinkBoxCssStyle":"position: relative;z-index: 3;display: inline-flex;align-items: center;height: 1.5rem;border-radius: 0.75rem;border: 0.03rem solid #25b85e;padding: 0.63rem;line-height: 1.5rem;font-size: .69rem;color: #25b85e;",
    //                                         "oneLogin":{
    //                                             "type":"page",
    //                                             "target":"150230"
    //                                         }
    //                                     },
    //                                     "target":"149989"
    //                                 }
    //                             }
    //                         }
    //                     }
    //                 },
    //                 {
    //                     "img":{
    //                         "imgUrl":"https://qhyxpicoss.kujiale.com/r/2020/01/04/L3D186S8ENDIMH4IVAUI5NYALUF3P3XK888_1920x1080.jpg?x-oss-process=image/resize,limit_0,m_fill,w_191,h_128"
    //                     },
    //                     "collectDiv":{
    //                         "number":"1",
    //                         "loginLink":{
    //                             "link":{
    //                                 "label":"",
    //                                 "type":"page",
    //                                 "params":{
    //                                     "design_case_room":"0",
    //                                     "passwordLogin":{
    //                                         "type":"page",
    //                                         "target":"149750"
    //                                     },
    //                                     "shop_order_form_id":"1111",
    //                                     "page_name":"free_design_list_page",
    //                                     "design_case_sys_params_code":"0",
    //                                     "oneLogin":{
    //                                         "type":"page",
    //                                         "target":"150230"
    //                                     }
    //                                 },
    //                                 "target":"150114"
    //                             }
    //                         },
    //                         "numberCssStyle":"font-size:0.75rem;font-weight:400;color:#959BA6;margin-left:0.25rem;margin-right:0.5rem;",
    //                         "collectDivCssStyle":"display:flex;",
    //                         "selected":"true"
    //                     },
    //                     "title":{
    //                         "firstText":{
    //                             "label":"蒂梵尼TOWN北欧-8"
    //                         }
    //                     },
    //                     "content":{
    //                         "cssStyle":"border:transparent;"
    //                     },
    //                     "labels":[
    //                         "北欧"
    //                     ],
    //                     "secondRowLeft":{
    //                         "firstText":{
    //                             "cssStyle":"font-size: 0.75rem;font-weight: 400;color: #25b85e;",
    //                             "label":"我想这样设计",
    //                             "labelLink":{
    //                                 "link":{
    //                                     "label":"",
    //                                     "type":"page",
    //                                     "params":{
    //                                         "plugin_id":"4000",
    //                                         "passwordLogin":{
    //                                             "type":"page",
    //                                             "target":"149750"
    //                                         },
    //                                         "code":"3",
    //                                         "page_name":"designer_find_publish_page",
    //                                         "type":"publish_opp",
    //                                         "labelLinkBoxCssStyle":"position: relative;z-index: 3;display: inline-flex;align-items: center;height: 1.5rem;border-radius: 0.75rem;border: 0.03rem solid #25b85e;padding: 0.63rem;line-height: 1.5rem;font-size: .69rem;color: #25b85e;",
    //                                         "oneLogin":{
    //                                             "type":"page",
    //                                             "target":"150230"
    //                                         }
    //                                     },
    //                                     "target":"149989"
    //                                 }
    //                             }
    //                         }
    //                     }
    //                 },
    //                 {
    //                     "img":{
    //                         "imgUrl":"https://qhyxpicoss.kujiale.com/r/2020/01/03/L3D187S21ENDIMIQ4PYUI5NYALUF3P3XS888_3840x2160.jpg?x-oss-process=image/resize,limit_0,m_fill,w_191,h_128"
    //                     },
    //                     "collectDiv":{
    //                         "number":"1",
    //                         "loginLink":{
    //                             "link":{
    //                                 "label":"",
    //                                 "type":"page",
    //                                 "params":{
    //                                     "design_case_room":"0",
    //                                     "passwordLogin":{
    //                                         "type":"page",
    //                                         "target":"149750"
    //                                     },
    //                                     "shop_order_form_id":"1111",
    //                                     "page_name":"free_design_list_page",
    //                                     "design_case_sys_params_code":"0",
    //                                     "oneLogin":{
    //                                         "type":"page",
    //                                         "target":"150230"
    //                                     }
    //                                 },
    //                                 "target":"150114"
    //                             }
    //                         },
    //                         "numberCssStyle":"font-size:0.75rem;font-weight:400;color:#959BA6;margin-left:0.25rem;margin-right:0.5rem;",
    //                         "collectDivCssStyle":"display:flex;",
    //                         "selected":"true"
    //                     },
    //                     "title":{
    //                         "firstText":{
    //                             "label":"婚礼殿堂北欧-13"
    //                         }
    //                     },
    //                     "content":{
    //                         "cssStyle":"border:transparent;"
    //                     },
    //                     "labels":[
    //                         "北欧"
    //                     ],
    //                     "secondRowLeft":{
    //                         "firstText":{
    //                             "cssStyle":"font-size: 0.75rem;font-weight: 400;color: #25b85e;",
    //                             "label":"我想这样设计",
    //                             "labelLink":{
    //                                 "link":{
    //                                     "label":"",
    //                                     "type":"page",
    //                                     "params":{
    //                                         "plugin_id":"4000",
    //                                         "passwordLogin":{
    //                                             "type":"page",
    //                                             "target":"149750"
    //                                         },
    //                                         "code":"3",
    //                                         "page_name":"designer_find_publish_page",
    //                                         "type":"publish_opp",
    //                                         "labelLinkBoxCssStyle":"position: relative;z-index: 3;display: inline-flex;align-items: center;height: 1.5rem;border-radius: 0.75rem;border: 0.03rem solid #25b85e;padding: 0.63rem;line-height: 1.5rem;font-size: .69rem;color: #25b85e;",
    //                                         "oneLogin":{
    //                                             "type":"page",
    //                                             "target":"150230"
    //                                         }
    //                                     },
    //                                     "target":"149989"
    //                                 }
    //                             }
    //                         }
    //                     }
    //                 }
    //             ]
    //         },
    //         "pageSize":10,
    //         "pageNo":1,
    //         "pageTotal":508,
    //         "signCssStyle":null,
    //         "shellDataId":"1234"
    //     }
    //     return data;
    // }
}
